<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>demo2</title>
  <script src="./js/vue.min.js"></script>

</head>

<!--一定要注意methods，之前写为method报错，以及details函数后面要加括号，说明是函数-->
<body>
   <div id="vue_det">
     <h1>site: {{site}}</h1>
     <h1>url: {{url}} </h1>
     <h1>url:{{details()}}</h1>
   </div>
   <script>
     new Vue({
       el: '#vue_det',
       data: {
         site: "菜鸟教程",
         url: "www.runoob.com",
         alexa: "10000"
       },
       methods: {
         details: function () {
           return this.site + "-学的不仅是技术，更是梦想！";
         }
       }
     })
   </script>
</body>

</html>
